<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="Content-Language" content="zh-CN" />
<meta name="Copyright" content="XX小学智慧操场" />
<meta name="keywords" content="XX小学智慧操场" />
<meta name="description" content="XX小学智慧操场" />
<title>XX小学智慧操场 - 首页</title>
<link type="text/css" rel="stylesheet" media="all" href="css/socss.css" />
<link type="text/css" rel="stylesheet" media="all" href="css/index.css" />
</head>
<body>
<div id="pageWrap" class="wrapper">
  <div class="all-header">
    <h1 class="h1-title">XX小学智慧操场</h1>
    <div id="sysTime" class="todayTime"></div>
  </div>
  <div class="search">
    <div class="item">当天</div>
    <div class="item">本周</div>
    <div class="item">本月</div>
    <div class="item">本学期</div>
    <!-- <div class="item"></div> -->
  </div>
<div class="mainInfoBox">
  <div class="area areaA">
    <div class="pos some">
      <div id="pie11" class="cell">
        <p class="p-icon"><em class="em-icon icon-tiaosheng em-i-1"></em></p>
        <p class="p-t">学校跳绳人数</p>
        <p class="p-num">1000 <em class="em-du">(+300)</em></p>
      </div>
      <div id="pie12" class="cell">
        <p class="p-icon"><em class="em-icon icon-tiaosheng2 em-i-2"></em></p>
        <p class="p-t">学校跳绳个数</p>
        <p class="p-num">10w</p>
      </div>
      <div class="cell">
        <h4 class="h4-t">全校学生参与跳绳比例</h4>
        <div id="pie13" class="cellC"></div>
      </div>
      <div id="pie14" class="cell"></div>
      <div id="pie15" class="cell"></div>
      <div class="cell"></div>
    </div>
    <div class="pos some">
      <div id="pie21" class="cell">
        <p class="p-icon"><em class="em-icon icon-renqun1 em-i-3"></em></p>
        <p class="p-t">学校总人数</p>
        <p class="p-num">2450</p>
      </div>
      <div id="pie22" class="cell"></div>
      <div class="cell">
        <h4 class="h4-t">全校学生参与运动比例</h4>
        <div id="pie23" class="cellC"></div>
      </div>
      <div id="pie24" class="cell">
        <p class="p-icon"><em class="em-icon icon-renqun_renqun2 em-i-4"></em></p>
        <p class="p-t">学校运动人数</p>
        <p class="p-num">1592 <em class="em-du">(+300)</em></p>
      </div>
      <div id="pie25" class="cell"></div>
      <div id="pie26" class="cell"></div>
    </div>
    <div class="pos some">
      <div id="pie31" class="cell">
        <p class="p-icon"><em class="em-icon icon-paobu1 em-i-5"></em></p>
        <p class="p-t">学校跑步人数</p>
        <p class="p-num">1000 <em class="em-du">(+300)</em></p>
      </div>
      <div id="pie32" class="cell">
        <p class="p-icon"><em class="em-icon icon-paobu em-i-6"></em></p>
        <p class="p-t">学校跑步里程</p>
        <p class="p-num">1000km</p>
      </div>
      <div class="cell">
        <h4 class="h4-t">全校学生参与跑步比例</h4>
        <div id="pie33" class="cellC"></div>
      </div>
      <div id="pie34" class="cell"></div>
      <div id="pie35" class="cell"></div>
      <div id="pie36" class="cell"></div>
    </div>
  </div>

  <div class="area areaB">

    <div class="pos west">
      <div class="box">
        <div class="boxC">
          <div id="line1" class="boxCont"></div>
        </div>
      </div>
      <div class="box">
        <div class="boxC">
          <div id="line2" class="boxCont"></div>
        </div>
      </div>
    </div>

    <div class="pos mid">
      <div class="box">
        <div class="boxC">
          <div id="bar1" class="boxCont"></div>
        </div>
      </div>
      <div class="box">
        <div class="boxC">
          <div id="bar2" class="boxCont"></div>
        </div>
      </div>
    </div>

    <div class="pos east">
      <div class="box">
        <div class="boxC">
          <div id="line3" class="boxCont"></div>
        </div>
      </div>
      <div class="box">
        <div class="boxC">
          <div id="line4" class="boxCont"></div>
        </div>
      </div>
    </div>

  </div>
</div>


</div>

<!-- 返回顶部 end -->

<script type="text/javascript" src="js/jquery-1.11.3.min.js"></script>
<script type="text/javascript" src="js/echarts.min.js"></script>
<script type="text/javascript" src="js/echarts-liquidfill.min.js"></script>
<script type="text/javascript" src="js/tools.js"></script>
<script type="text/javascript" src="js/base.js"></script>
</body>
</html>